<template>
  <div>
    
      <a-tabs type="card" @change="callback" v-if="tabShow">  
        <a-tab-pane key="1" tab="站点统计">
          <SiteStatistics></SiteStatistics>    
        </a-tab-pane>
        <a-tab-pane  key="2" tab="站点导出">
          <SiteExport></SiteExport>
        </a-tab-pane>
         <a-tab-pane  key="3" tab="在线率统计">
          <OnlineRateStatistics></OnlineRateStatistics>
        </a-tab-pane>       
      </a-tabs>

       <a-tabs type="card" @change="callback" v-if="!tabShow">  
        <a-tab-pane key="1" tab="站点统计">
          <SiteStatistics></SiteStatistics>    
        </a-tab-pane>
        <a-tab-pane  key="3" tab="在线率统计">
          <OnlineRateStatistics></OnlineRateStatistics>
        </a-tab-pane>       
      </a-tabs>
 
  </div>
</template>

<script>
import moment from 'moment'
import { getNowTime,getNowFormatDate } from '@/utils/util.js'
import Vue from 'vue'
import { ACCESS_TOKEN ,ROLE_NAME} from '@/store/mutation-types'
import SiteExport from '@/views/videoManage/maintenanceResources/resourceStatistics/siteExport'
import SiteStatistics from '@/views/videoManage/maintenanceResources/resourceStatistics/siteStatistics'
import OnlineRateStatistics from '@/views/videoManage/maintenanceResources/resourceStatistics/onlineRateStatistics'
export default {
  name: 'TableList',
  components: {SiteExport,SiteStatistics,OnlineRateStatistics},
  data() {  
    return {
     tabShow:true
    }
  },
  filters: {
    
  },
  created() {
    if(Vue.ls.get(ROLE_NAME)=="代维单位"){
      this.tabShow =false
    }else{
      this.tabShow =true 
    }  
  },
  computed: {
   
  },
  methods: {
      callback(key){
          
      }
  }
    
}
</script>
